.recent-view-list-wrap {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;

  .list-header {
    box-sizing: border-box;
    height: 60px;
    padding: 12px 9px;
    border-bottom: 1px solid #e8ebf2;
  }

  .list-wrap {
    box-sizing: border-box;
    overflow-y: auto;
    // background-color: yellow;
    flex: 1;
    padding: 12px 9px;

    .list-item {
      &:not(:last-child) {
        margin-bottom: 12px;
      }

      .list-content {
        font-size: 14px;
        color: #3c6eff;
        letter-spacing: 0;
        line-height: 22px;
        font-weight: 600;
        cursor: pointer;
        width: 190px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        &:hover {
          text-decoration: underline;
        }
      }

      .list-level-info {
        font-size: 12px;
        color: #9b9fab;
        letter-spacing: 0;
        line-height: 20px;
        font-weight: 400;
      }
    }
  }

  .footer {
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    // border: 1px solid red;
    padding-top: 10px;

    .link {
      padding-top: 10px;
      text-decoration: none;
      font-size: 12px;
      color: #60646f;
      letter-spacing: 0;
      text-align: center;
      line-height: 20px;
      font-weight: 400;
    }
  }
}
